﻿body
{
    font-family: "Segoe UI", Segoe, sans-serif;
}

.bigButton
{
    font-family: "Segoe UI", Segoe, sans-serif;
    font-size: 12pt;
    font-weight: bold;
	color: #000000;
	cursor: pointer;
}

.tips
{
    cursor: help;
}

.wizardBox, .borderedBox
{
    border: solid 2px #666666;
    background-color: #F9F9F9;
    padding: 20px;
}

.wizardBoxBottom
{
    width: 530px;
    text-align: right;
}

.fieldLabels
{
    font-weight: bold;
    padding-right: 5px;
}

.GridViewNoData
{
    width: 500px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    color: #9e1b34;
    font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
}

.notificationMessage
{
    color: Black;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}

.successfulMessage
{
    color: Blue;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}

.failedMessage
{
    color: Red;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}


/* Begin - Fancy Series CSS */

.fancyButton
{
    font-family: Verdana, "Segoe UI", Segoe, sans-serif;
    background-image: url("../../Images/buttonbg.gif");
    background-repeat: repeat-x;
	font-weight: bold;
	cursor: pointer;
	border: solid 1px #AAA;
	height: 23px;
}

.fancyButton:hover
{
    background-image: url("../../Images/buttonbghover2.gif");
}

.fancyButton:active
{
    background-image: url("../../Images/buttonbghover3.gif");
}

.fancyButtonDisabled
{
    font-family: Verdana, "Segoe UI", Segoe, sans-serif;
    background-image: url("../../Images/buttonbg.gif");
    background-repeat: repeat-x;
	font-weight: bold;
	color: #999;
	border: solid 1px #AAA;
	height: 23px;
}

.fancyButtonDisabled:hover
{
    background-image: url("../../Images/buttonbg.gif");
}

.fancyButtonDisabled:active
{
    background-image: url("../../Images/buttonbg.gif");
}


.fancyTextBox
{
    border: solid 1px #AAA;
    background: #FFF;
}

.fancyTextBox:hover
{
    background: #EEE;
}

.fancyDropDownList
{
    border: solid 1px #AAA;
    color: Black;
}

.fancyDropDownList:hover
{
    border: solid 1px #999;
    background: #EEE;
}

/* End - Fancy Series CSS */

/* Begin - Table Related CSS */

.table
{
    border: solid 1px #999;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

.tableLeftHeader
{
    color: Black;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    background-color: #EEEEEE;
    padding-right: 10px;
    padding-left: 20px;
    border-spacing: 0px;
    border-bottom: solid 1px #999;
}

.tableTopHeader
{
    color: Black;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #DDD;
    padding: 0px;
    border-spacing: 0px;
    border-bottom: solid 1px #999;
}

.tableItem
{
    text-align: left;
    padding-left: 10px;
}
/* End - Table Related CSS */


/* Begin - Modal Popup Related CSS */
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.5;
    z-index: 1000;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalPopup {
	background-color:#FFF;
	border-width:2px;
	border-style:solid;
	border-color:#333;
	z-index: 1001;
}

.modalPopupTitle
{
    text-align: left;
    color: #003c69;
    font-family: Lucida Sans;
    font-weight: bold;
    font-size: 13pt;
    background-image: url('../../Images/buttonbg.gif');
    background-repeat: repeat-x;
    background-position:bottom;
    border-bottom: solid 1px #666;
    padding: 8px 10px 8px 30px;
    cursor: move;
}

.modalPopupContext
{
    text-align: center;
    padding: 10px;
}

.modalPopupBottom
{
    text-align: center;
    border-top: solid 1px #CCC;
    padding: 10px;
}

/* End - Modal Popup Related CSS */


/* Begin - Accordion Related CSS */
.accordionHeader
{
    background-color: #EEEEEE;
    border: solid 1px #666666;
    color: Black;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px 5px 5px 25px;
}

.accordionHeaderSelected
{
    background-color: #DDDDDD;
    border: solid 1px #666666;
    color: Black;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
    padding: 5px 5px 5px 25px;
}

.accordionContent
{
    background-color: #FFFFFF;
    border-color: #2F4F4F #2F4F4F;
    border-style: none solid solid;
    border-width:medium 1px 1px;
    padding:10px 5px 5px;
}

/* End - Accordion Related CSS */
